<!DOCTYPE html>
<html ng-app="app" ng-controller="indexCtrl">

	<head lang="en">
		<meta charset="UTF-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title>广告投放-广告主</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" id="favicon">
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
	
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="modules/agent/agNewOrder/agNewOrder.css" />
		<link rel="stylesheet" href="../../oem/css/common.css" />
		<style>
			.ng-hide {
				display: none !important;
			}
			
			.hide {
				display: none;
			}
			
			.show {
				display: block;
			}
			
			#file {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
			}
			
			#file1 {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
			}
			
			.marleft {
				padding-left: 24px!important;
			}
			.placegroup{
				margin-left: 15px;
				width: 1000px;
				background-color: #fff;
				padding: 20px;
				box-sizing: border-box;
				position: relative;
			}
			.place-active{
				border-top: 2px solid #cae4ff;
				border-left: 2px solid #cae4ff;
				border-right: 2px solid #cae4ff;
				background-color: #edf6ff;
			}
			.placegroup>.place.clearfloat{
				display: inline-block;
				width: 25%;
				height: 30px;
				position: relative;
				box-sizing: border-box;
				border-top: 2px solid #fff;
				border-left: 2px solid #fff;
				border-right: 2px solid #fff;
				padding-left: 10px;
			}
			.placegroup>.place.clearfloat:hover>.smallplace{
				display: block!important;
			}
			.placegroup>.place.clearfloat>.bigplace>label{
				display: inline-block;
			    float: left;
			    width: 100%;
			    font-weight: 700;
			    text-align: left;
			    height: 30px;
			    cursor: pointer;
			    position: inherit;
			}
			.placegroup>.place.clearfloat>.bigplace>label>input{
				margin-top: 3px;
				margin-right: 5px;
				float: left;
				height: auto;
			}
			.placegroup>.place.clearfloat>.smallplace{
				position: absolute;
				top: 28px;
				left: -2px;
				width: 300px;
				z-index: 2;
				display: none;
				border: 2px solid #cae4ff;
				background-color: #edf6ff;
				padding-left: 10px;
			}
			.placegroup>.place.clearfloat>.smallplace>.place-tooltips{
				float: left;
				width: auto;
				margin: 0;
				padding-bottom: 10px;
				padding-top: 5px;
				position: relative;
				font-size: .9em;
			}
			.placegroup>.place.clearfloat>.smallplace>.place-tooltips>label{
				padding-right: 10px;
				text-align: left;
				display: inline-block;
				float: left;
				cursor: pointer;
				position: inherit;
				width: auto;
			}
			.placegroup>.place.clearfloat>.smallplace>.place-tooltips>label>input{
				margin-top: 3px;
				margin-right: 5px;
				float: left;
				height: auto;
			}
		</style>
	</head>

	<body>
		<div class="nav_top">
			<div class="logo fl" id="logo">
			</div>
			<ul class="nav_list fl">

				<li ng-if="permission.view['首页']" class="ng-scope">
					<a ui-sref="agent.home" ui-sref-active="active" href="./agentIndex.html" class="">首页</a>
				</li>

				<li ng-if="permission.view['投放管理']" class="ng-scope">

					<a href="./active.html" class="toFirstSub active">投放管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li ng-if="permission.view['投放管理'].sub['活动管理']" class="ng-scope">
							<a href="./active.html" ui-sref-active="active" ui-sref="agent.delivery.active" class="">活动管理</a>
						</li>

						<li ng-if="permission.view['投放管理'].sub['订单管理']" class="ng-scope">
							<a href="./order.html" ui-sref-active="active" ui-sref="agent.delivery.order" class="">订单管理</a>
						</li>

						<li ng-if="permission.view['投放管理'].sub['素材信息']" class="ng-scope">
							<a href="./creative.html" ui-sref-active="active" ui-sref="agent.delivery.creative" class="">素材信息</a>
						</li>

						<li ng-if="permission.view['投放管理'].sub['APP监测']" class="ng-scope">
							<a href="./audiences.html" ui-sref-active="active" ui-sref="agent.delivery.audiences" class="">监测管理</a>
						</li>

					</ul>
				</li>

				<li ng-if="permission.view['报表中心']" class="ng-scope">

					<a href="./baoBiao.html" class="toFirstSub" ng-class="{'active':$state.includes('agent.report.*')}">报表中心</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li ng-if="permission.view['报表中心'].sub['效果报表']" class="ng-scope">
							<a href="./baoBiao.html" ui-sref-active="active" ui-sref="agent.report.effect({'activeID':'0','activeName':'0','orderID':'0','orderName':'0'})" class="">效果报表</a>
						</li>

					</ul>
				</li>

				<li ng-if="permission.view['系统管理']" class="ng-scope">
					<a href="./baseInfo.html" class="toFirstSub" ng-class="{'active':$state.includes('agent.manage.*')}">系统管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li ng-if="permission.view['系统管理'].sub['基本信息']" class="ng-scope">
							<a href="./baseInfo.html" ui-sref-active="active" ui-sref="agent.manage.baseInfo" class="">基本信息</a>
						</li>

						<li ng-if="permission.view['系统管理'].sub['资质管理']" class="ng-scope">
							<a href="./qualifications.html" ui-sref-active="active" ui-sref="agent.manage.qualifications" class="">资质管理</a>
						</li>

					</ul>
				</li>

				<li ng-if="permission.view['财务管理']" class="ng-scope">

					<a href="./caiwu.html" class="toFirstSub" ng-class="{'active':$state.includes('agent.finance.*')}">财务管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li ng-if="permission.view['财务管理'].sub['财务信息']" class="ng-scope">
							<a href="./caiwu.html" ui-sref-active="active" ui-sref="agent.finance.trade" class="">财务信息</a>
						</li>

					</ul>
				</li>

			</ul>
			<div class="user">
				<div class="user-avatar"></div>
				<div class="user-info">
					<p></p>
					<p></p>
				</div>
				<ul class="user-list">
					<li>余额：</li>
					<li>退出登录</li>
				</ul>
			</div>
		</div>

		<div class="page ag-new-order ng-scope">
			<!--页面标题-->
			<h3 class="page-title">创建订单</h3>
			<div class="step" id="page">
				<div class="step-prompt cl bs" style="display: none;" v-show="isshow">
					<ul class="cl">

						<li :class="actid>=1? 'cur-step':''"  @click="itact(1)" class="cur-step">
							<span>基本信息</span>
							<i class="line"></i>
						</li>

						<li :class="actid>=2? 'cur-step':''" class="cur-step"  @click="itact(2)" id="dingXiangSheZhi">
							<span>定向设置</span>
							<i class="line"></i>
						</li>

						<li :class="actid>=3? 'cur-step':''" class="cur-step"  @click="itact(3)" id="shangChuanSuCai">
							<span>上传素材</span>
							<i class="line"></i>
						</li>

						<li :class="actid==4? 'cur-step':''" class="cur-step" @click="itact(4)" id="tiJiaoXinXi">
							<span>提交信息</span>
						</li>
					</ul>
				</div>
				<!-- 第一步-->
				<div class="main page-one" v-if="actid==1" id="one" style="display: none;" v-show="isshow">
					<div class="title">基本信息</div>
					<div class="form-box form">
						<div class="form-group">
							<label><i class="icon-must">*</i>活动名称：</label>

							<!-- 下拉活动列表结构 -->
							<div class="dropdown dropdown-filter " disabled="disabled" list="activeList" callback="selectActive">
								<button class="btn btn-default form-control " disabled="disabled" @click="show1 = !show1">
                                            <span  style="width: 55%; display: inline-block;" id="huoDongContent">
                                            	{{activityName}}
                                            </span>
                                            
                                        </button>
								<span class="caret">
                                        </span>
								<!--<ul class="dropdown-menu" id='huoDongChildrenBox' style="display: block;" v-show="show1">
									<li v-for="(item,index) in sport" @click="changeAct(item)">{{item.name}}</li>
								</ul>-->
							</div>

							<a href="./agNewActive.html">新建活动</a>
						</div>
						<div class="form-group">
							<label><i class="icon-must">*</i>订单名称：</label>
							<input type="text" v-model="objone.orderName" class="form-control " disabled="disabled" maxlength="100" placeholder="请输入订单名称" id="dingDanMingCheng">
						</div>
						<div class="form-group form-ctrl">
							<label><i class="icon-must">*</i>售卖类型：</label>
							<div class="radio " :class="objone.orderType==1?'checked':''" @click="changeFun('orderType',1)" disabled="disabled">
								<b></b><span><span class="ng-scope">CPM</span></span>
							</div>
							<div class="radio " :class="objone.orderType==2?'checked':''" @click="changeFun('orderType',2)" disabled="disabled">
								<b></b><span><span class="ng-scope">CPC</span></span>
							</div>
						</div>
						<div class="form-group ng-scope">
							<label><span class="icon-must">*</span>订单出价：</label>
							<input class="form-control" v-model="objone.orderMoney" type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">&nbsp;元
							<span style="color: #f00;margin-left: 10px;">价格只能输入整数</span>
						</div>
						<div class="form-group form-ctrl">
							<label><i class="icon-must">*</i>后续行为：</label>
							<div class="radio " :class="objone.followUpBehavio==0?'checked':''" @click="changeFun('followUpBehavio',0)" disabled="disabled" value="仅展示"><b></b>
								<span><span class="ng-scope">仅展示</span></span>
							</div>
							<div class="radio " :class="objone.followUpBehavio==1?'checked':''" @click="changeFun('followUpBehavio',1)" disabled="disabled" value="下载应用"><b></b>
								<span><span class="ng-scope">下载应用</span></span>
							</div>
							<div class="radio " :class="objone.followUpBehavio==2?'checked':''" @click="changeFun('followUpBehavio',2)" disabled="disabled" value="跳转网页"><b></b>
								<span><span class="ng-scope">跳转网页</span></span>
							</div>
						</div>

						<div class="form-group ng-scope" ng-if="orderType=='bid'">
							<label><i class="icon-must">*</i>操作系统：</label>
							<div class="radio " :class="objone.operatSystem==0?'checked':''" @click="changeFun('operatSystem',0)" disabled="disabled" value="ios"><b></b><span><span>PC</span></span>
							</div>
							<div class="radio " :class="objone.operatSystem==1?'checked':''" @click="changeFun('operatSystem',1)" disabled="disabled" value="ios"><b></b><span><span>IOS</span></span>
							</div>
							<div class="radio " :class="objone.operatSystem==2?'checked':''" @click="changeFun('operatSystem',2)" disabled="disabled" value="ios"><b></b><span><span>Android</span></span>
							</div>
						</div>

						<div class="form-group ng-scope" ng-if="orderType=='bid'">
							<label><i class="icon-must">*</i>资源类型：</label>
							<div class="radio " :class="objone.resourceType==0?'checked':''" @click="changeFun('resourceType',0)" disabled="disabled" value="ios"><b></b><span><span class="ng-scope">保价保量</span></span>
							</div>
							<div class="radio " :class="objone.resourceType==1?'checked':''" @click="changeFun('resourceType',1)" disabled="disabled" value="android"><b></b><span><span class="ng-scope">保价不保量</span></span>
							</div>
						</div>
						<!--兴趣爱好-->
						<div class="form-group ng-scope" ng-if="orderType=='bid'">
							<label><i class="icon-must">*</i>兴趣爱好：</label>
							<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in ahlist" @click="changeOne('xqu',index,'ahlist')">
									<b></b><span class="ng-scope">{{item.title}}</span>
							</div>
						</div>
						<div class="form-group ng-hide" ng-show="data.interactionType == '222'">
							<label><i class="icon-must">*</i>APP推广数量：</label>
							<div class="radio  checked" disabled="disabled" callback="extensionNum" value="one">
								<b></b><span><span class="ng-scope">单个</span></span>
							</div>
							<div class="radio " disabled="disabled" callback="extensionNum" value="more">
								<b></b><span><span class="ng-scope">多个</span></span>
							</div>
						</div>

						<div class="order-row ng-scope" ng-if="orderType=='bid'">
							预算控制
						</div>

						<div ng-if="orderType=='bid'" class="form-group ng-scope">
							<label><i class="icon-must">*</i>预算控制：</label>
							<input type="number" v-model="objone.allBudget" :disabled="yschk" class="form-control" maxlength="100" placeholder="请输入预算控制" pattern="/^[1-9]+\d*$/" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" id="yuSuanKongZhi">
							<div class="check wuYuSuan" :class="yschk==true?'checked':''" @click="yschk = !yschk">
								<b></b>
								<span><span>无预算限制</span></span>
							</div>
						</div>

						<div ng-if="orderType=='bid'" class="form-group form-ctrl ng-scope">
							<label><i class="icon-must">*</i>投放速率：</label>
							<div class="radio" :class="objone.launchType==1?'checked':''" @click="changeFun('launchType',1)" disabled="disabled" module="data.controlMode" value="按花费控制">
								<b></b>

								<span>
									<span class="ng-scope">按花费控制</span>
								</span>
							</div>
							<div class="radio " :class="objone.launchType==2?'checked':''" @click="changeFun('launchType',2)" disabled="disabled" module="data.controlMode" value="按展示量控制">
								<b></b>
								<span>
									<span class="ng-scope">按展示量控制</span>
								</span>
							</div>
							<div class="form-group rate-box" id='show_huaFei_ele' v-if="objone.launchType == 1">
								<div class="dropdown dropdown-filter ">
									<button id='tian' class="btn btn-default dropdown-toggle cl" @click="show2 = !show2"> 
										<span style="width: 55%; display: inline-block;" >{{speedName}}</span> 
                                    </button>
									<span class="caret"></span>
									<ul class="dropdown-menu" style="display: block;" v-show="show2">

										<li class="cl" @click="changSpeed('launchSpeed',2,'匀速')">
											<a title="匀速" href="javascript:;">匀速</a>
										</li>

										<li class="cl" @click="changSpeed('launchSpeed',1,'加速')">
											<a title="加速" href="javascript:;">加速</a>
										</li>

									</ul>
								</div>
								<input type="text" class="form-control" v-model="objone.launchTimes" id='yuan' onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">
								<span class="unit">元/天</span>
								<div class="dropdown dropdown-filter ">
									<button id='tian1' class="btn btn-default dropdown-toggle cl" @click="show3 = !show3"> 
										<span style="width: 55%; display: inline-block;">{{objone.launchName}}</span> 
                                     </button>
									<span class="caret"></span>
									<ul class="dropdown-menu" style="display: block;" v-show="show3">

										<li class="cl" @click="changeLaunch('launchUnit','小时')">
											<a title="小时" href="javascript:;">小时</a>
										</li>

										<li class="cl" @click="changeLaunch('launchUnit','天')">
											<a title="天" href="javascript:;">天</a>
										</li>

									</ul>
								</div>
							</div>
							<div class="form-group rate-box" id='show_zhanShiLiang_ele' v-else>
								<input type="text" class="form-control" id='qianCi' v-model="objone.launchTimes">
								<span class="unit">千次/</span>
								<div class="dropdown dropdown-filter" list="timeUnit" callback="speedUnit">
									<button id="tian3" class="btn btn-default dropdown-toggle cl" @click="show3 = !show3">
										<span style="width: 55%; display: inline-block;">{{objone.launchName}}</span> 
                                    </button>
									<span class="caret"></span>
									<ul class="dropdown-menu" style="display: block;" v-show="show3">
										<!-- ngRepeat: item in list -->
										<li class="cl ng-scope" @click="changeLaunch('launchUnit','小时')">
											<a title="小时" href="javascript:;">小时</a>
										</li>
										<!-- end ngRepeat: item in list -->
										<li class="cl ng-scope" @click="changeLaunch('launchUnit','天')">
											<a title="天" href="javascript:;">天</a>
										</li>
										<!-- end ngRepeat: item in list -->
									</ul>
								</div>
							</div>
						</div>
						<!-- end ngIf: orderType=='bid' -->
						<!-- ngIf: orderType=='bid' -->
						<div ng-if="orderType=='bid'" class="form-group form-ctrl">
							<label>频次展示：</label>
							<span class="unit">展示</span>
							<input type="text" v-model="objone.times" class="form-control " id='ci' onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">
							<span class="unit">次/</span>
							<div class="dropdown dropdown-filter " list="timeUnit">
								<button id='tian2' class="btn btn-default dropdown-toggle cl" @click="show4 = !show4">
									<span style="width: 55%; display: inline-block;" >{{objone.tunit}}</span>
								</button>
								<span class="caret"></span>
								<ul class="dropdown-menu" style="display: block;" v-show="show4">

									<li class="cl ng-scope" @click="changetun('tunit','小时')">
										<a title="小时" href="javascript:;">小时</a>

									</li>

									<li class="cl ng-scope" ng-repeat="item in list" @click="changetun('tunit','天')">
										<a title="天" href="javascript:;">天</a>

									</li>

								</ul>
							</div>
						</div>

						<div class="order-row">
							投放时间
						</div>
						<div class="form-group">
							<label>选择时间：</label>

							<input type="text" class="form-control " readonly="readonly" id="startTime">

							<span class="unit">至</span>
							<input type="text" class="form-control " readonly="readonly" id="endTime" :disabled="tfchk">
							<span class="">
	                        <div class="check wuYuSuan1" :class="tfchk == true?'checked':''" @click="tfchk = !tfchk"><b></b>
									<span >
									   	<span class="ng-scope">长期投放</span>
							</span>
						</div>
						</span>
					</div>
					<div class="order-row">
						监测设置
					</div>
					<div class="form-group">
						<label>选择监测站点：</label>
						<div class="dropdown dropdown-filter " list="monitorList">
							<button class="btn btn-default dropdown-toggle cl" @click="show5 = !show5"> 
									<span style="width: 55%; display: inline-block;" id='jianCeContent'>{{jcName}}</span>                                       
							</button>
							<span class="caret"></span>
							<ul class="dropdown-menu" id='jianCeChildrenBox' style="display: block;" v-show="show5">
								<li style="cursor: pointer;" v-for="(item,index) in supervise" @click="chkjc(item)">{{item.superviseName}} </li>
							</ul>
						</div>
					</div>
					<div class="form-group ng-hide" ng-show="convertList.length > 0">
						<label>选择转化站点：</label>
						<div class="dropdown dropdown-check-filter " list="convertList" module="convertCheck" callback="selectconvert">
							<button class="btn btn-default dropdown-toggle bs" type="button" data-toggle="dropdown"> <span
                                                class="dropdown-value ng-binding">请选择转化站点</span><span
                                                class="caret"></span> </button>
							<div class="dropdown-menu" role="menu">
								<ul ng-click="stop($event)">
									<li><input class="form-control search " ng-model="value"></li>
									<!-- ngRepeat: item in list| filter: hasName -->
								</ul>
								<div class="dropdown-btn" ng-click="clickFunc()">确认</div>
							</div>
						</div>

						<ul class="filter-content ng-hide" ng-show="convertCheckList.length>0">
							<!-- ngRepeat: item in convertCheckList -->
						</ul>
					</div>
				</div>
			</div>
			<!-- 竞价第二步-->
			<div class="page-two-bid" id="two" v-else-if="actid==2">
				<!-- <div class="page-two-bid"> -->
				<div class="box1 main">
					<div class="title">哪些用户可以看到广告</div>
					<div class="form-box form">
						<div class="order-row" ng-show="!hasDepot">
							人口属性
						</div>
						<div ng-show="bidActive == 1">
							<div class="form-group form-ctrl">
								<label>性别定向：</label>
								<div class="radio" :class="objtwo.peopleSex==0?'checked':''" @click="changesex(0)">
									<b></b><span class="ng-scope">不限</span>
								</div>
								<div class="radio " :class="objtwo.peopleSex==1?'checked':''" @click="changesex(1)" value="custom">
									<b></b><span class="ng-scope">男</span>
								</div>
								<div class="radio " :class="objtwo.peopleSex==2?'checked':''" @click="changesex(2)" value="custom">
									<b></b><span class="ng-scope">女</span>
								</div>
							</div>
							<div class="form-group form-ctrl">
								<label>收入定向：</label>
								<div class="radio" :class="objtwo.incomeType==0?'checked':''" @click="clickshow('incomeType',0,'incomeNumber')">
									<b></b><span class="ng-scope">不限</span>
								</div>
								<div class="radio" :class="objtwo.incomeType==1?'checked':''" @click="clickshow('incomeType',1,'incomeNumber')">
									<b></b><span class="ng-scope">指定</span>
								</div>
								<div class="form-group" style="padding-left: 66px;" v-if="objtwo.incomeType==1" id="shouRuDingXiang_box">
									<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in list1" @click="changeVlaue('incomeNumber',index,'list1')">
										<b></b><span class="ng-scope">{{item.name}}</span>
									</div>
								</div>
							</div>
							<div class="form-group form-ctrl">
								<label>年龄定向：</label>
								<div class="radio" :class="objtwo.ageType==0?'checked':''" @click="clickshow('ageType',0,'ageNumber')">
									<b></b>
									<span class="ng-scope">不限</span>
								</div>
								<div class="radio " :class="objtwo.ageType==1?'checked':''" @click="clickshow('ageType',1,'ageNumber')">
									<b></b>

									<span class="ng-scope">指定</span>

								</div>
								<div class="form-group" style="padding-left: 66px;" v-if="objtwo.ageType==1" id="nianLingDingXiang_box">
									<div class="check " :class="item.stat == true?'checked':''" v-for="(item,index) in list2" @click="changeVlaue('ageNumber',index,'list2')">
										<b></b><span><span class="ng-scope">{{item.name}}</span></span>
									</div>
								</div>
							</div>
						</div>
						<!-- ngIf: hasIP == 1 -->
						<!-- ngIf: hasIP == 1 -->
					</div>
				</div>
				<div class="box2 main">
					<div class="title">用户在哪可以看到广告</div>
					<div class="form-box form">
						<div class="order-row">
							地域选择
						</div>
						<div class="form-group">
							<label>投放区域：</label>
							<div class="radio" :class="objtwo.launchAr==0?'checked':''" @click="clickshow('launchAr',0,'launchDetails')">
								<b></b><span><span class="ng-scope">不限</span></span>
							</div>
							<div class="radio " :class="objtwo.launchAr==3?'checked':''" @click="clickshow('launchAr',3,'launchDetails')">
								<b></b><span><span class="ng-scope">省市</span></span>
							</div>
							<div class="form-group" style="padding-left: 0px;" v-if="objtwo.launchAr==3">
								<div class="custom-box cl" id="areaCustom">
									<div class="left fl">
										<div class="cus-title">
											可选项目
											<button type="button" style="float: right;margin-top: 2px;" class="btn btn-primary btntest1" @click="enttest1()">确定</button>
										</div>
										<div class="select-box">
											<div class="placegroup">
												<div class="place clearfloat" v-for = "(item,index) in address">
													<div class="bigplace"><div>
														<label>
															{{item.name}}
															<!--<input class="bigarea" :value="item.name" data-name="item.name" type="checkbox" v-model="addressList">-->
																
														</label>
													</div>
													</div>
													<div class="smallplace clearfloat" style="display: none;">
														<div class="place-tooltips">
															<label v-for = "(it,ind) in item.children">
																{{it.name}}
																<input class="bigcity" :value="it.name" checked="false" type="checkbox" v-model="addressList">
															</label>
														</div>
													</div>
												</div>
											</div>
											<!--<div class="modal-footer">
												<button type="button" class="btn btn-primary btntest1" @click="enttest1()">确定</button>
											</div>-->
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="order-row">
							媒体选择
						</div>
						<div class="form-group publish-box">
							<label><span class="icon-must">*</span>流量来源：</label>
							<div class="radio  checked" ng-click="clickFunc()" module="position.publish" value="select" callback="publishChange" ng-show="data.chargeMode == 'cpm'"><b></b><span><span
                                                    class="ng-scope">精选媒体</span></span>
							</div>
							<!-- 行业包 -->
							<div ng-if="mediaConfig" ng-show="position.publish == 'select'" class="ng-scope">
								<div class="publish-source " media="mediaName" config="mediaConfig" is-search="true">
									<!-- 全选反选全部清空 -->
									<div class="content">
										<ul class="cl">
											<!-- ngRepeat: item in config.list | filter: media[0] -->
											<li class="fl ng-scope" @click="item.stat = !item.stat" :class="item.stat == true?'checked':''"  v-for = "(item,index) in meitiList">
												<div class="ps-pic"> 
													<img :src="item.src" class="icon"> 
												</div>
												<div class="ps-text ng-binding"> {{item.title}}</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<!-- end ngIf: mediaConfig -->
						</div>

					</div>
				</div>
				<div class="box3 main">
					<div class="title">用户在什么场景下看到广告</div>
					<div class="form-box form">
						<div class="order-row">
							设备选择
						</div>

						<div class="form-group">
							<label>设备价格：</label>
							<div class="radio" :class="objtwo.equipmentMoneyType==0?'checked':''" @click="clickshow('equipmentMoneyType',0,'equipmentMoneyDetails')">
								<b></b>
								<span class="ng-scope">不限</span>
							</div>
							<div class="radio " :class="objtwo.equipmentMoneyType==1?'checked':''" @click="clickshow('equipmentMoneyType',1,'equipmentMoneyDetails')">
								<b></b>
								<span class="ng-scope">指定设备价格</span>
							</div>
							<div class="form-group" style="padding-left: 66px;" v-if="objtwo.equipmentMoneyType==1" id="sheBeiJiaGe_box">
									<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in list3" @click="changeVlaue('equipmentMoneyDetails',index,'list3')">
										<b></b><span class="ng-scope">{{item.name}}</span>
									</div>
							</div>
						</div>
						<div class="form-group cl">
							<label>设备品牌：</label>
							<div class="radio" :class="objtwo.equipmentBrandType==0?'checked':''" @click="clickshow('equipmentBrandType',0,'equipmentBrandDetails')">
								<b></b>
								<span class="ng-scope">不限</span>
							</div>
							<div class="radio " :class="objtwo.equipmentBrandType==1?'checked':''" @click="clickshow('equipmentBrandType',1,'equipmentBrandDetails')">
								<b></b>

								<span class="ng-scope">指定设备品牌</span>
							</div>
							<!--<div class="form-group" ng-show="position.deBrand=='custom'">-->
							<div class="form-group" style="padding-left: 66px;" v-if="objtwo.equipmentBrandType==1" id='sheBeiPinPai_box'>
								<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in list4" @click="changeVlaue('equipmentBrandDetails',index,'list4')">
									<b></b><span class="ng-scope">{{item.name}}</span>
								</div>
							</div>
						</div>
						<div class="form-group cl">
							<label>设备版本：</label>
							<div class="radio" :class="objtwo.equipmentVersionsType==0?'checked':''" @click="clickshow('equipmentVersionsType',0,'equipmentVersionsDetails')">
								<b></b>
								<span class="ng-scope">不限</span>
							</div>
							<div class="radio " :class="objtwo.equipmentVersionsType==1?'checked':''" @click="clickshow('equipmentVersionsType',1,'equipmentVersionsDetails')">
								<b></b>
								<span class="ng-scope">选择系统版本</span>
							</div>

							<div class="form-group" style="padding-left: 66px;"  v-if="objtwo.equipmentVersionsType==1" id="sheBeiBanBen_box">
								<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in list5" @click="changeVlaue('equipmentVersionsDetails',index,'list5')">
									<b></b><span class="ng-scope">{{item.name}}</span>
								</div>
							</div>

						</div>
						<div class="order-row">
							联网场景
						</div>
						<div class="form-group">
							<label>联网方式：</label>
							<div class="radio" :class="objtwo.networkType==0?'checked':''" @click="clickshow('networkType',0,'networkWay')">
								<b></b>
								<span class="ng-scope">不限</span>
							</div>
							<div class="radio " :class="objtwo.networkType==1?'checked':''" @click="clickshow('networkType',1,'networkWay')">
								<b></b>
								<span class="ng-scope">指定联网方式</span>
							</div>
							<div class="form-group " style="padding-left: 66px;"  v-if="objtwo.networkType==1" id='lianWangFangShi_box'>
								<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in list6" @click="changeVlaue('networkWay',index,'list6')">
									<b></b><span class="ng-scope">{{item.name}}</span>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label>运营商：</label>
							<div class="radio " :class="objtwo.operatorType==0?'checked':''" @click="clickshow('operatorType',0,'operatorDetails')">
								<b></b>
								<span class="ng-scope">不限</span>
							</div>
							<div class="radio " :class="objtwo.operatorType==1?'checked':''" @click="clickshow('operatorType',1,'operatorDetails')">
								<b></b>
								<span class="ng-scope">指定运营商</span>
							</div>
							<div class="form-group " style="padding-left: 66px;" v-if="objtwo.operatorType==1" id='yunYingShang_box'>
								<div class="check" :class="item.stat == true?'checked':''" disabled="disabled" v-for="(item,index) in list7" @click="changeVlaue('operatorDetails',index,'list7')">
									<b></b><span class="ng-scope">{{item.name}}</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 第三步-->
			<div class="page-three" id="three" v-else-if="actid==3">
				<button class="dsp-btn btn-upload" @click="uploadBoxShow();">上传素材</button>
				<div class="main bs" style="border-radius: 5px;border-left: 0px;border-right: 0px;">
					<div class="title">素材列表</div>
					<table class="table material-list">
						<thead>
							<tr>
								<!--<td style="padding-left: 22px;">素材</td>-->
								<td>创意信息</td>
								<td>素材内容</td>
								<td>审核状态</td>
								<!-- ngIf: data.interactionType == '2' -->
								<td>操作</td>
							</tr>
						</thead>
						<tbody >
                        <tr  v-if = "arr.length>0" v-for = "(item,index) in arr">
                            <td class="ng-binding">
                                ID： {{item.id}}
                            </td>
                            <td class="td-creative-content ng-binding">
                            	创意名称：{{item.originalityName}}<br><br>
                            	创意ID： {{item.id}}<br><br>
                            	广告位类型：{{item.originalityAdType | stat}}<br><br>
                            </td>
                            <td>
                                <div>
                                   <div class="ng-scope">
                                        <span>图片：</span>
                                        <a href="javascript:;" @click="imgShow(item.photoUrl)">查看图片</a><br><br>
                                    </div>
                                </div>
                                <div class="ng-binding">
                                	曝光监测：{{item.exposureMonitor}}<br><br>
                                	 落地页： {{item.squeezePage}}
                                </div>
                            </td>
                            <td>
                                <span class="audit audit-orange">
                                	 内审状态
                                    <span class="audit-text ng-binding">待审核</span>
                                </span>
                            </td>
                            <!-- ngIf: data.interactionType == '2' -->
                            <td>
                                <button class="dsp-btn btn-blue" @click="creativeEdit(index)">编辑</button>
                                <button class="dsp-btn btn-red" @click="delCreative(index)">停用</button>
                            </td>
                        </tr>
                    </tbody>
					</table>
				</div>

				<div class="creative-box" style="display: none;" v-show="creativeBox">
					<div class="mask" @click="uploadBoxHide();"></div>
					<div class="creative-main">
						<div class="creative-main-head">
							上传创意
						</div>
						<div class="form-box form">
							<div class="form-group">
								<label>创意名字：</label>
								<input type="text" v-model="objthree.originalityName" class="form-control " placeholder="请输入创意名字..." id='chuangYiMingZi'>
							</div>
							<div class="form-group">
								<label>创意类型：</label>
								<div class="dropdown dropdown-filter">
									<button class="btn btn-default dropdown-toggle cl" @click="show8 = !show8">
                                        <span style="width: 55%; display: inline-block;"id='showItem'>
                                        	{{cyname}}
                                        </span>
                                    </button>
									<span class="caret"></span>

									<ul class="dropdown-menu" style="display: block;" v-show="show8">
										<li class="cl ng-scope" v-for="(item,index) in list8">
											<a :title="item.name" style="cursor: pointer;" @click="chuangYiLeiXing(item)">{{item.name}}</a>
										</li>
									</ul>

								</div>
							</div>
							<div class="form-group">
								<label>广告位类型：</label>
								<div class="radio" :class="objthree.originalityAdType == item.id?'checked':''" @click="guangGaoWeiLeiXing(item)" v-for="(item,index) in list9" disabled="disabled" >
									<b></b>
									<span>{{item.name}}</span>
								</div>
							</div>
							<div class="form-group">
								<label>广告形式：</label>
								<div class="dropdown dropdown-filter">
									<button class="btn btn-default dropdown-toggle cl" @click="show9 = !show9">
                                        <span style="width: 55%; display: inline-block;"id='showItem'>
                                        	{{ggname}}
                                        </span>
                                    </button>
									<span class="caret"></span>

									<ul class="dropdown-menu" style="display: block;" v-show="show9">
										<li class="cl ng-scope" v-for="(item,index) in list10">
											<a @click="ggxs(item)" style="cursor: pointer;">{{item.name}}</a>
										</li>
									</ul>

								</div>
							</div>
							<span class="line"></span>
							<div class="form-group">
								<label>曝光监测：</label>
								<input style="width: 370px;" type="text" v-model="objthree.exposureMonitor" class="form-control " placeholder="请输入曝光监测..." id='baoGuangJianCe'>
							</div>
							<div class="form-group" >
								<label>文字：</label>
								<input style="width: 370px;" type="text" v-model="objthree.text" class="form-control " placeholder="请输入文字" id='baoGuangJianCe'>
							</div>
							<div class="form-group" id='shangChuan_box'>
								<div class='shangChuan_box'>
									<label>上传图片：</label>
									<button class="dsp-btn btn-blue upload"  id='shangChuan' style="width:98px;height:34px;position: relative;">
                                        
                                        <span id='shangChuanFont'>{{spname}}</span>
                                        <input type="file" id="file" name="file" @change="filechange($event)">
                                    </button>

									<div class="upload-pic-info" style="display: none;" v-show="ylshow" id="show_box">
										<div class="fl">
											<img alt="" id="showImg" :src="objthree.photoUrl">
											<span class="enlarge">
                                                    <i class="icon-enlarge" @click="imgShow(objthree.photoUrl)"></i>
                                                </span>
										</div>
										<!--<div class="fl ng-binding" id="show_img_name"></div>-->
										<div class="fr">
											<i class="icon icon-material-delete" ></i>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group" >
								<label>落地页：</label>
								<input style="width: 370px;" type="text" v-model="objthree.squeezePage" class="form-control " placeholder="请输入完整落地页地址（开头为http://或者https://）">
								<!--<div>如设置了到达转化监测，请注意修改落地页地址
									<a style="margin-left: 10px;text-decoration: underline;" href="javascript:;" ng-click="showInfo()">查看用例</a>
								</div>-->
							</div>

						</div>
						<div class="creative-main-footer">
							<button class="dsp-btn btn-white2" @click="uploadBoxHide();">取消</button>
							<button class="dsp-btn btn-blue" @click="addCreative()">确认</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 第四步-->
			<div class="main page-four" id="four" v-else-if="actid==4">
				<div class="title">提交信息</div>
				<div class="form form-box">
					<div class="form-group">
						<label>交易类型：</label>
						<span>{{objone.bidType | bidStat}}</span>
					</div>
					<div class="form-group">
						<label>活动名称：</label>
						<span id="showHuoDongMingCheng">{{activityName}}</span>
					</div>
					<div class="form-group">
						<label>订单名称：</label>
						<span ng-bind="data.name" id="showDingDanMingCheng">{{objone.orderName}}</span>
					</div>
					<div class="form-group">
						<label>创意形式：</label>
						<span>
                            {{cyname}}
						</span>

					</div>
					<div class="form-group">
						<label>预算控制：</label>
						<span ng-bind="dataView.orderBudget" id="showYuSuanKongZhi">{{objone.allBudget | budgetStat}}</span>
					</div>
					<div class="form-group">
						<label>投放速率：</label>
						<span id="showTouFangSuLv">{{objone.launchSpeed | lauStat}}</span>

					</div>
					<div class="form-group">
						<label>频次控制：</label>
						<span id="showPinCiKongZhi">{{objone.times | tiStat}} {{objone.tunit}} </span>

					</div>
					<div class="form-group">
						<label>投放时间：</label>
						<span id="showTouFangShiJian">{{objone.launchDateStart | luntime}} ~ {{objone.launchDateEnd | luntime}}  </span>

					</div>
					<!-- ngIf: orderType=='bid' -->
					<div ng-if="orderType=='bid'" class="ng-scope">
						<div class="order-row">
							定向信息
						</div>
						<div class="form-group">
							<label>性别定向：</label>
							<span id="showXingBieDingXiang">{{objtwo.peopleSex | sex}}</span>
						</div>
						<div class="form-group">
							<label>收入定向：</label>
							<span id="showShouRuDingXiang">{{objtwo.incomeType | income}}</span>
						</div>
						<div class="form-group">
							<label>年龄定向：</label>
							<span id="showNianLingDingXiang">{{objtwo.ageType | age}}</span>
						</div>
						<div class="form-group flowSource cl" style="display: block;">
							<label>流量来源：</label>
							<span>精选媒体 </span>
						</div>
						<div class="form-group">
							<label>操作系统：</label>
							<span id="showCaoZuoXiTong">{{objone.operatSystem | oper}}</span>
						</div>
					</div>

					<div>
						<div class="order-row">广告单元控制</div>
						<!-- ngIf: accountType != '0' && isDirect != '1' -->
						<!--<div class="form-group ng-scope">
							<label>利润设置：</label>
							<div class="radio" :class="objone.profitType==0?'checked':''" @click="changeFun('profitType',0)">
								<b></b><span><span class="ng-scope">否</span></span>
							</div>
							<div class="radio " :class="objone.profitType==1?'checked':''" @click="changeFun('profitType',1)">
								<b></b><span><span class="ng-scope">是</span></span>
							</div>
							<input type="text" class="form-control" v-model="objone.profitNumber" :disabled="objone.profitType==1?false:true" id='liRunZhi' value="">&nbsp;%
							<span style="color: #f00;margin-left: 10px;">利润只能输入整数</span>
						</div>-->
						<div class="form-group ng-scope">
							<label><span class="icon-must">*</span>订单出价：</label>
							<input class="form-control" v-model="objone.orderMoney" type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">&nbsp;元
							<span style="color: #f00;margin-left: 10px;">价格只能输入整数</span>
						</div>
					</div>
				</div>
			</div>

			<div class="footer">
				<div class="fl">
					<button class="dsp-btn btn-gray" :class="actid==1?'hide':''" @click="toprev()" id="shangYiBu">上一步</button>
				</div>
				<div class="fr">
					<button class="dsp-btn btn-blue" @click="tonext()" id="xiaYiBu">下一步</button>
					<!--<button class="dsp-btn btn-gray" @click="cancel()" id="quXiao1">取消</button>-->
				</div>
			</div>

			<!--<div class="skuTime" ng-click="clearLayer()">
				<div class="checkCalendar">

				</div>
				<div class="select-time">
					<button class="dsp-btn btn-white2" onclick="layer.closeAll()">取消</button>
					<button class="dsp-btn btn-blue" ng-click="getTime()">确定</button>
				</div>
			</div>-->
		</div>
		<div class="video_temp_box">
			<video class="video_temp" controls=""></video>
		</div>
		</div>

	</body>
</html>
<script src="../res1.hubcloud.com.cn/lib/jquery/jquery.min.js"></script>
<script src="js/RegionalChoice.js" type="text/javascript" charset="utf-8"></script>
<script src="js/js_1.js"></script>
<script src="./layui/laydate/laydate.js"></script>

<script src="../res1.hubcloud.com.cn/lib/layer/layer.js"></script>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	new Vue({
		el: '#page',
		data: {
			isshow: false,
			ylshow: false,
			actid: 1,
			sport: [],
			supervise: [],
			show1: false,
			show2: false,
			show3: false,
			show4: false,
			show5: false,
			show7: false,
			show8:false,
			show9:false,
			creativeBox:false,
			ggname:'搜索广告',
			objone: {
				orderName: '',
				activityId: '',
				activityName: '请选择活动名称',
				followUpBehavio: 0,
				orderType: 1,
				operatSystem: 0,
				resourceType: 0,
				allBudget: '',
				launchSpeed: 1,
				launchType: 1,
				launchName: "天",
				times: '',
				tunit: '天',
				launchDateStart: '',
				launchDateEnd: '',
				monitorId: '',
				profitType:0,
				profitNumber:'',
				orderMoney:'',
			},
			objtwo: {
				peopleSex: 0,
				incomeType: 0,
				incomeNumber: '',
				ageType: 0,
				ageNumber: '',
				launchAr: 0,
				launchDetails:'',
				equipmentVersionsType: 0,
				equipmentVersionsDetails:'',
				equipmentBrandType: 0,
				equipmentBrandDetails:'',
				equipmentMoneyType: 0,
				equipmentMoneyDetails:'',
				networkType: 0,
				networkWay:'',
				operatorType: 0,
				operatorDetails:'',
			},
			objthree:{
				id:'',
				originalityName:'',
				originalityType:0,
				originalityAdType:0,
				exposureMonitor:'',
				photoUrl:'',
				squeezePage:'',
				text:'',
				state:0,
			},
			cyname:'单图',
			tfchk: true,
			yschk: true,
			speedName: "加速",
			activityName:'',
			jcName: '请选择一个检测站点',
			list1: [
				{name: '1000RMB以下',stat: false},
				{name: '1001-3000RMB',stat: false},
				{name: '3001-5000RMB',stat: false},
				{name: '5001-10000RMB',stat: false},
				{name: '10000RMB以上',stat: false}
			],
			list2: [
				{name: '<18',stat: false},
				{name: '18-24',stat: false},
				{name: '25-34',stat: false},
				{name: '>35',stat: false}
			],
			list3: [
				{name: '500元以下',stat: false},
				{name: '500-1000元',stat: false},
				{name: '1000-2000元',stat: false},
				{name: '2000-3000元',stat: false},
				{name: '3000-4000元',stat: false},
				{name: '4000元以上',stat: false}
			],
//			设备品牌
			list4: [
				{name: 'iPad1 Wifi',stat: false},
				{name: 'iPad2 Wifi',stat: false},
				{name: 'iPad2 GSM',stat: false},
				{name: 'iPad2 WiFi(Rev A)',stat: false},
				{name: 'iPad Mini Wifi',stat: false},
				{name: 'iPad Mini Global',stat: false},
				{name: 'iPad3 Wifi',stat: false},
				{name: 'iPad3 Global',stat: false},
				{name: 'iPad4 Wifi',stat: false},
				{name: 'iPad4 GSM+CDMA',stat: false},
				{name: 'iPad Air Wifi',stat: false},
				{name: 'iPad Air LTE 4G',stat: false},
				{name: 'iPad Mini2 Wifi',stat: false},
				{name: 'iPad Mini2 LTE 4G',stat: false},
				{name: 'iPad Mini3 Wifi',stat: false},
				{name: 'ipad Mini4 Wifi',stat: false},
				{name: 'iPad Air2 Wifi',stat: false},
				{name: 'iPad Air2 LTE 4G',stat: false},
				{name: 'iPhone4 GSM',stat: false},
				{name: 'iPhone4 GSM(Rev A)',stat: false},
				{name: 'iPhone4 CDMA',stat: false},
				{name: 'iphone4S',stat: false},
				{name: 'iPhone5 GSM',stat: false},
				{name: 'iPhone5 GSM+CDMA',stat: false},
				{name: 'iPhone5c GSM',stat: false},
				{name: 'iPhone5c GSM+CDMA',stat: false},
				{name: 'phone5s GSM',stat: false},
				{name: 'iPhone5s GSM+CDMA',stat: false},
				{name: 'iPhone6',stat: false},
				{name: 'iPhone6 Plus',stat: false},
				{name: 'iPhone6s',stat: false},
				{name: 'iPhone 6S Plus',stat: false},
				{name: 'iPhone SE',stat: false},
				{name: 'iPhone7',stat: false},
				{name: 'iPhone7 Plus',stat: false},
				{name: 'iPhone7',stat: false},
				{name: 'iPhone7 Plus',stat: false}
			],
//			设备版本
			list5:[
				{name: '5.1.1',stat: false},
				{name: '6.0.1',stat: false},
				{name: '6.0.2',stat: false},
				{name: '6.1.1',stat: false},
				{name: '6.1.2',stat: false},
				{name: '6.1.3',stat: false},
				{name: '6.1.4',stat: false},
				{name: '6.1.5',stat: false},
				{name: '6.1.6',stat: false},
				{name: '7.0.1',stat: false},
				{name: '7.0.2',stat: false},
				{name: '7.0.3',stat: false},
				{name: '7.0.4',stat: false},
				{name: '7.0.5',stat: false},
				{name: '7.0.6',stat: false},
				{name: '7.1.1',stat: false},
				{name: '7.1.2',stat: false},
				{name: '8.0.2',stat: false},
				{name: '8.1.1',stat: false},
				{name: '8.1.2',stat: false},
				{name: '8.1.3',stat: false},
				{name: '8.2',stat: false},
				{name: '8.3',stat: false},
				{name: '8.4.1',stat: false},
				{name: '9.0.1',stat: false},
				{name: '9.0.2',stat: false},
				{name: '9.1',stat: false},
				{name: '9.2.1',stat: false},
				{name: '9.3.1',stat: false},
				{name: '10.1',stat: false},
				{name: '10.2.1',stat: false},
				{name: '10.0.3',stat: false},
				{name: '10.1.1',stat: false},
				{name: '10.3.1',stat: false},
				{name: '10.3.2',stat: false},
				{name: '10.3.3',stat: false},
				{name: '11.0.1',stat: false},
				{name: '11.0.2',stat: false},
				{name: '11.0.3',stat: false},
				{name: '11.1.1',stat: false},
				{name: '11.1.2',stat: false},
				{name: '11.2.1',stat: false},
				{name: '11.2.2',stat: false},
				{name: '11.2.5',stat: false},
				{name: '11.2.6',stat: false},
				{name: '11.3.1',stat: false},
				{name: '11.4.1',stat: false},
				{name: '12.0.1',stat: false},
				{name: '12.1.1',stat: false},
				{name: '12.1.2',stat: false},
				{name: '12.1.3',stat: false},
				{name: '12.1.4',stat: false},
				{name: '12.2',stat: false}
			],
			list6:[
				{name: 'wifi',stat: false},
				{name: '2G',stat: false},
				{name: '3G',stat: false},
				{name: '4G',stat: false},
				{name: '5G',stat: false},
				{name: '其他',stat: false}
			],
			list7:[
				{name: '移动',stat: false},
				{name: '联通',stat: false},
				{name: '电信',stat: false},
				{name: '其他',stat: false}
			],
			address:datas,
			addressList:[],
			files:{},
			list8:[
				{id:0,name:"单图"},
				{id:1,name:"原生"},
				{id:2,name:"视频"},
				{id:3,name:"H5"}
			],
			list9:[
				{id:0,name:"Banner"},
				{id:1,name:"原生"},
				{id:2,name:"开屏"},
				{id:3,name:"横屏"}
			],
			list10:[
				{id:0,name:"搜索广告"},
				{id:1,name:"展示广告"},
				{id:2,name:"购物广告"},
				{id:3,name:"视频"},
				{id:4,name:"信息流广告"},
				{id:5,name:"裂变广告"},
				{id:6,name:"软文广告"},
				{id:7,name:"评论广告"},
				{id:8,name:"语音广告"}
			],
			arr:[],
			files:{},
			scImg:'',
			isedit:0,
			editKey:'',
			spoName:'',
			meitiList:[
				{id:1,src:"http://qiniu.hubcloud.com.cn/o_1bklhtvp911ur1k9ioa11sju1dsc9.png",title:"超级淘IOS",stat:true},
				{id:2,src:"http://qiniu.hubcloud.com.cn/o_1bq1guget4k5hj88uk1beoc6q9.jpg", title:"爱上Radio",stat:true}, 
				{id:3,src:"http://qiniu.hubcloud.com.cn/o_1bo4aafr51i7h13t921rdo9tkp9.jpg", title:"全国违章查询",stat:true},
				{id:4,src:"http://qiniu.hubcloud.com.cn/o_1bp5o2ck6uso1qcb10j1rgqn8b9.png", title:"老子搜书iOS",stat:true},
				{id:5,src:"http://qiniu.hubcloud.com.cn/o_1bo47d97k6r11rrb1h94h3p1sco9.png",title:"漫画人IOS",stat:true},
				{id:6,src:"http://qiniu.hubcloud.com.cn/o_1bfiu4nlmov87711eit13q8ih89.png" ,title:"山东24小时",stat:true},
				{id:7,src:"https://res1.hubcloud.com.cn/map/ad/2018/3/28/1522206967246.jpeg", title:"一点资讯-全平台",stat:true},
				{id:8,src:"http://qiniu.hubcloud.com.cn/o_1cas9p1n01p8eij3167c2pbcpc9.png" ,title:"优酷",stat:true},
				{id:9,src:"https://res1.hubcloud.com.cn/map/ad/2018/5/14/1526268195816.png" ,title:"美柚-ios-AD",stat:true},
				{id:10,src:"https://res1.hubcloud.com.cn/map/ad/2018/6/21/1529588267630.png",title:"微米红包-ios",stat:true},
				{id:11,src:"https://res1.hubcloud.com.cn/map/ad/2018/8/13/1534136898535.png",title:"咪咕圈圈-IOS",stat:true},
				{id:11,src:"https://res1.hubcloud.com.cn/map/ad/2018/11/7/1541556810379.png",title:"沃行讯通-IOS",stat:true},
				{id:12,src:"https://res1.hubcloud.com.cn/map/ad/2018/7/25/1532499792506.png",title:"保定通-iOS-生产",stat:true},
				{id:13,src:"https://res1.hubcloud.com.cn/map/ad/2018/12/24/1545631543875.png",title:"泰木谷_ios",stat:true},
				{id:14,src:"https://res1.hubcloud.com.cn/map/ad/2018/10/25/1540441224540.png",title:"发现红包IOS",stat:true},
				{id:15,src:"https://res1.hubcloud.com.cn/map/ad/2018/12/29/1546058086744.png",title:"抢财神-IOS",stat:false},
				{id:16,src:"https://res1.hubcloud.com.cn/map/ad/2018/12/19/1545206982745.png",title:"豆果美食-iOS",stat:false},
				{id:17,src:"https://res1.hubcloud.com.cn/map/ad/2019/1/14/1547438159701.png",title:"小酷鱼-IOS",stat:false},
				{id:18,src:"https://res1.hubcloud.com.cn/map/ad/2019/3/5/1551765977968.png",title:"米米包-IOS",stat:false},
				{id:19,src:"https://res1.hubcloud.com.cn/map/ad/2019/2/28/1551337670474.png",title:"钱坊",stat:false},
				{id:20,src:"https://res1.hubcloud.com.cn/map/ad/2019/3/15/1552642778574.png",title:"百度文库-IOS",stat:false},
				{id:21,src:"https://res1.hubcloud.com.cn/map/ad/2019/3/20/1553068379224.jpg",title:"斗鱼",stat:false}
			],
			ahlist:[
				{id:1,title:"母婴",stat:false},
				{id:2,title:"美容整形",stat:false}, 
				{id:3,title:"家居用品",stat:false},
				{id:4,title:"医疗健康",stat:false},
				{id:5,title:"人生特殊时期",stat:false},
				{id:6,title:"游戏",stat:false}, 
				{id:7,title:"影视",stat:false},
				{id:8,title:"演出票务",stat:false},
				{id:9,title:"社交",stat:false},
				{id:10,title:"钟表配饰和箱包",stat:false}, 
				{id:11,title:"阅读",stat:false},
				{id:12,title:"休闲娱乐",stat:false},
				{id:13,title:"体育",stat:false},
				{id:14,title:"金融理财",stat:false}, 
				{id:15,title:"音乐",stat:false},
				{id:16,title:"服装鞋帽",stat:false},
				{id:17,title:"手机数码",stat:false},
				{id:18,title:"旅游出行",stat:false}, 
				{id:19,title:"招商加盟",stat:false},
				{id:20,title:"房产",stat:false},
				{id:21,title:"个护美妆",stat:false},
				{id:22,title:"汽车",stat:false}, 
				{id:23,title:"电脑办公",stat:false},
				{id:24,title:"教育",stat:false},
				{id:25,title:"家用电器",stat:false},
				{id:26,title:"新闻资讯",stat:false},
				{id:27,title:"生活服务",stat:false},
				{id:28,title:"食品餐饮",stat:false}
			]
		},
		filters:{
			luntime(stat){
				if(!stat){
					return '不限'
				}else{
					return stat
				}
			},
			stat(status){
				if(status == 0){
					return 'Banner';
				}else if(status == 1){
					return '原生';
				}else if(status == 2){
					return '开屏';
				}else if(status == 3){
					return '插屏';
				}
			},
//			交易类型(1.竞价交易 2.合约交易)
			bidStat(stat){
				if(stat==1){
					return '竞价交易 '
				}else{
					return '合约交易'
				}
			},
//			预算控制
			budgetStat(stat){
				if(!stat){
					return '无预算控制'
				}else{
					return stat
				}
			},
//			投放速率1.加速 2.匀速)
			lauStat(stat){
				if(stat == 1){
					return '加速'
				}else{
					return '匀速'
				}
			},
//			频次控制
			tiStat(stat){
				if(!stat){
					return 0
				}else{
					return stat
				}
			},
//			性别
			sex(stat){
				if(stat==0){
					return '不限'
				}else if(stat == 1){
					return '男'
				}else{
					return '女'
				}
			},
//			收入定向(0.不限 1.指定)
			income(stat){
				if(stat == 0){
					return '不限'
				}else{
					return '指定'
				}
			},
//			年龄定向0.不限 1.指定)
			age(stat){
				if(stat == 0){
					return '不限'
				}else{
					return '指定'
				}
			},
//			操作系统
			oper(stat){
				if(stat==0){
					return 'PC'
				}else if(stat == 1){
					return 'IOS'
				}else{
					return 'Android'
				}
			},
			
		},
		computed:{
			spname(){
				if(this.objthree.originalityType == 2){
					return "上传视频"
				}else{
					return "上传图片"
				}
			}
		},
		mounted() {
			this.getOderlist()
			this.getlist1()
			this.getlist2()
			this.isshow = true
			//执行一个laydate实例
			let that = this
			laydate.render({
				elem: '#startTime',
				done: function(value, date, endDate) {
					that.objone.launchDateStart = value; //得到日期生成的值，如：2017-08-18
				}
			});
			laydate.render({
				elem: '#endTime',
				done: function(value, date, endDate) {
					that.objone.launchDateEnd = value;
				}
			});
		},
		methods: {
			ggxs(item){
				this.ttt = item.id
				this.show9 = !this.show9
				this.ggname = item.name
			},
			changeOne(str,inp,li){
				var arr = this[li];
				arr[inp].stat = !arr[inp].stat
				var sttr = '';
				for(var i = 0; i < arr.length; i++) {
					if(arr[i].stat == true) {
						sttr += arr[i].name + ',';
					}
				}
				var sss = sttr.slice(0,-1)
				this.objone[str] = sss
			},
//			获取监测
			getsuperviseName(){
				var obj = this.objone;
				var data1 = this.supervise
				for(var i=0;i<data1.length;i++){
					if(data1[i].id ==obj.monitorId ){
						this.jcName = data1[i].superviseName
					}
				}
			},
//			获取活动名称
			getspot(){
				var obj = this.objone;
				var data = this.sport;
				var data1 = this.supervise
				for(var i=0;i<data.length;i++){
					if(data[i].id ==obj.activityId ){
						this.objone.activityName = '';
						this.objone.jcName = data[i].name
						this.activityName = data[i].name
					}
				}
				for(var i=0;i<data1.length;i++){
					if(data1[i].id ==obj.monitorId ){
						this.jcName = data1[i].superviseName
					}
				}
			},
			itact(str){
				this.actid = str
			},
//			获取初始数据
			getOderlist(){
				var orderid = sessionStorage.getItem('orderBianJiId')
				var id = parseInt(orderid)
				var obj = {};
				obj.infoId =id;
				var that = this;
				$.ajax({
					type: "post",
					url: url + "/advertiser/adOrderInfo/queryAdorderById",
					//		参数需转为字符串
					//		json跨域
					dataType: 'json',
					data:obj,
					useDefaultXhrHeader: false,
					//		请求头加上X-Token 
					 beforeSend: function(XMLHttpRequest) {
					//		token 为页面所获取
					XMLHttpRequest.setRequestHeader("X-Token", token); 
					},
					success: function(result) {
						var data = result.data
						that.objtwo = data.adOrderDir;
						that.objone = data.adOrderInfo;
						that.arr = data.adOrderOri;
						that.getspot();
						that.getsuperviseName()
					},
					err: function(err) {
						layer.msg("请求失败");
					},
					complete: function() {

					}
				});
			},
//			编辑
			creativeEdit(inp){
				this.isedit = 1
				this.objthree = {}
				this.editKey =  inp;
				var obj = this.arr[inp];
				var str = JSON.stringify(obj)
				obj = JSON.parse(str)
				this.objthree = obj
				this.ylshow = true
				this.uploadBoxShow()
			},
//			删除
			delCreative(inp){
				this.arr.splice(inp,1)
			},
//			整合
			zhengHe(item){
				var obj1 = {}
				obj1=item
				if(this.isedit == 1){
					this.arr[this.editKey] = obj1
				}else{
					this.arr.push(obj1)
				}
				this.isedit = 0;
				this.objthree = {
					originalityName:'',
					originalityType:0,
					originalityAdType:0,
					exposureMonitor:'',
					photoUrl:'',
					squeezePage:'',
					text:'',
					state:0,
				}
				this.uploadBoxHide()
			},
			delPic(){
				this.objthree.photoUrl = "";
				this.ylshow = false;
			},
//			查看大图
			imgShow(url){
				if(this.objthree.originalityType == 2){
					var str ='<div class="video_temp_box"><video src="'+url+'" class="video_temp" controls="">您的浏览器不支持 video 标签。</video></div>';
				}else{
					var str = '<img style=" height: 100%;width:100%;" src="' + url + '"></img>';
				}
				layer.open({
					type: 1,
					title: false,
					closeBtn: 0,
					area: '516px',
					skin: 'layui-layer-nobg', //没有背景色
					shadeClose: true,
					content: str
				});
			},
//			确认
			addCreative(){
				if(!this.objthree.originalityName) {
					layer.msg('请填写素材名称！');
					return false;
				}
				if(!this.files.size) {
					layer.msg('请上传素材！');
					return false;
				}
				this.upload(this.files)
			},
//			上传素材
			upload(files){
				if(!files) {
					layer.msg('请上传素材！');
					return false;
				}
				var that=this;
				var formData = new FormData();
				formData.append("file",files);
				$.ajax({
					type: "POST",
					url: url + "/common/upload",
					async: true,
					data: formData,
					processData: false,
					contentType: false,
					dataType: 'json',
					success: function(result) {
						that.objthree.id = result.data[0].id;
						that.objthree.photoUrl =  result.data[0].url;
						that.zhengHe(that.objthree);
					}
				})
			},
			filechange(eve){
				var that = this;
				var files = eve.target.files;
				this.files = files[0]
				if(files && files.length > 0) {
					// 获取目前上传的文件
					that.ylshow = true
					// 获取 window 的 URL 工具
					var URL = window.URL || window.webkitURL;
					// 通过 file 生成目标 url
					var imgURL = URL.createObjectURL(files[0]);
					that.objthree.photoUrl = imgURL
				}
			},
			chuangYiLeiXing(item){
				this.objthree.originalityType = item.id
				this.cyname = item.name
				this.show8 = !this.show8
			},
			guangGaoWeiLeiXing(item){
				this.objthree.originalityAdType = item.id
			},
			uploadBoxHide(){
				this.isedit = 0;
				this.creativeBox = false
			},
			uploadBoxShow(){
				if(this.isedit == 0 ){
					this.objthree = {
						originalityName:'',
						originalityType:0,
						originalityAdType:0,
						exposureMonitor:'',
						photoUrl:'',
						squeezePage:'',
						text:'',
						state:0,
					}
					this.ylshow = false;
					this.files = {};
				}
				this.creativeBox = true
			},
			enttest1(){
				var data = this.addressList;
				var sttr = '';
				for(var i=0;i<data.length;i++){
					sttr += data[i] + ',';
				}
				this.objtwo.launchDetails = sttr.slice(0, -1)
			},
			changeVlaue(str, inp, li) {
				var arr = this[li];
				arr[inp].stat = !arr[inp].stat
				var sttr = '';
				for(var i = 0; i < arr.length; i++) {
					if(arr[i].stat == true) {
						sttr += arr[i].name + ',';
					}
				}
				this.objtwo[str] = sttr.slice(0, -1)
			},
			changesex(stat) {
				this.objtwo.peopleSex = stat
			},
			//			显示隐藏
			clickshow(str, str1, itm) {
				this.objtwo[str] = str1
				if(str1 == 0) {
					this.objtwo[itm] = '';
				}
			},
			//			取消
			cancel() {
				
				if(this.actid!=1){
					this.toprev()
				}else{
					location.href = 'order.html'
				}
			},
			//			上一步
			toprev() {
				if(this.actid > 1) {
					this.actid--
				}
			},
				// 新建订单
			addAdorder() {
				console.log(this.objone.orderMoney)
				if(this.objone.orderMoney == 0){
					layer.msg('订单价格不能为空或为0！');
					return false;
				}
				var adOrderDir = {},adOrderInfo={},adOrderOri=[],obj1={},obj2={},arr3=[];
				obj1=this.objone;
				obj2=this.objtwo;
				arr3=this.arr;
				adOrderInfo = obj1
				adOrderDir = obj2
				for(var i = 0;i<arr3.length;i++){
					adOrderOri.push(arr3[i]);
				}
			$.ajax({
				url: url + "/advertiser/adOrderInfo/updateAdorder",
				type: 'POST',
				data: JSON.stringify({
					//下面的左方的scatalog和scontent名字必须和TestSendValueDto 类的这两个类的属性名保持一致!!!!复制过来的参考用
					adOrderDir,
					adOrderInfo,
					adOrderOri
				}),
				//		json跨域
				dataType: 'json',
				//		contentType类型为json
				contentType: "application/json",
	
				//		请求头加上X-Token 
				beforeSend: function(XMLHttpRequest) {
					//		token 为页面所获取
	
					XMLHttpRequest.setRequestHeader("X-Token", token); 
				},
				useDefaultXhrHeader: false,
				success: function(result) {
					if(result.code == '0') {
						layer.open({
							title: '提示',
							icon: '1',
							content: result.msg,
							time: 1500,
							end: function() { 
								location.href = 'order.html';        
							}
						});
					}
				},
				err: function(err) {
					layer.msg("请求失败");
				},
				complete: function() {}
			});
	
		},
			//			下一步
			tonext() {
				
				if(this.actid < 4) {
					var a = this.yznext()
					if(a) {
						this.actid++
					}
				}else{
					this.addAdorder()
//					完成
//					提交
				}
			},
			yznext() {

				if(this.actid == 1) {
					//					第一步
					if(this.objone.activityName == '请选择活动名称') {
						layer.msg('请选择活动名称！');
						return false;
					}
					if(!this.objone.orderName) {
						layer.msg('请输入订单名称。');
						return false;
					}

					if(this.yschk == false) {
						if(!this.objone.allBudget) {
							layer.msg('请输入大于0的数字');
							return false;
						} else if(this.objone.allBudget < 0) {
							layer.msg('请输入大于0的数字');
							return false;
						}
					}
					if(!this.objone.orderMoney){
						layer.msg('请输入订单出价！');
						return false;
					}
					return true
				} else if(this.actid == 2) {
					//					第二 步
					if(this.objtwo.incomeType==1) {
						if(!this.objtwo.incomeNumber){
							layer.msg('请选择收入！');
							return false;
						}
					}
					if(this.objtwo.ageType==1) {
						if(!this.objtwo.ageNumber){
							layer.msg('请选择年龄范围！');
							return false;
						}
					}
					if(this.objtwo.launchAr==1) {
						if(!this.objtwo.launchDetails){
							layer.msg('请选择投放区域！');
							return false;
						}
					}
					if(this.objtwo.equipmentVersionsType==1) {
						if(!this.objtwo.equipmentVersionsDetails){
							layer.msg('请选择设备版本！');
							return false;
						}
					}
					if(this.objtwo.equipmentBrandType==1) {
						if(!this.objtwo.equipmentBrandDetails){
							layer.msg('请选择设备品牌！');
							return false;
						}
					}
					if(this.objtwo.equipmentMoneyType==1) {
						if(!this.objtwo.equipmentMoneyDetails){
							layer.msg('请选择设备价格！');
							return false;
						}
					}
					if(this.objtwo.networkType==1) {
						if(!this.objtwo.networkWay){
							layer.msg('请选择联网方式！');
							return false;
						}
					}
					if(this.objtwo.operatorType==1) {
						if(!this.objtwo.operatorDetails){
							layer.msg('请选择运营商！');
							return false;
						}
					}
					return true
				} else if(this.actid == 3) {
					//					第三部
					if(this.arr.length==0){
							layer.msg('请上传素材！');
							return false;
						}
					return true
				} else if(this.actid == 4) {
					//					第四步
					return true
				}
			},
			chkjc(item) {
				this.objone.monitorId = item.id;
				this.jcName = item.superviseName;
				this.show5 = !this.show5;
			},
			changetun(str, na) {
				this.objone[str] = na;
				this.show4 = !this.show4;
				this.objone.tunit = na;
			},
			changeLaunch(str, na) {
				this.objone[str] = na;
				this.show3 = !this.show3;
				this.objone.launchName = na;
			},
			changSpeed(str, stat, na) {
				this.objone[str] = stat;
				this.show2 = !this.show2;
				this.speedName = na;
			},
			changeAct(item) {
				this.objone.activityId = item.id;
				this.objone.activityName = item.name;
				this.show1 = !this.show1;
			},
			changeFun(str, stat) {
				this.objone[str] = stat
			},
			getlist1() { //请求活动下拉列表（查询所有的活动）
				var that = this
				$.ajax({
					type: "GET",
					url: url + "/advertiser/adActivity/allAdActivity",
					dataType: 'json',
					//		contentType类型为json
					contentType: "application/json",

					//		请求头加上X-Token 
					 beforeSend: function(XMLHttpRequest) {
						//		token 为页面所获取

						XMLHttpRequest.setRequestHeader("X-Token", token); 
					},
					useDefaultXhrHeader: false,
					success: function(result) {
						that.sport = result.data
					},
					err: function(err) {
						layer.msg("请求失败");
					},
					complete: function() {

					}
				});

			},
			getlist2() { //请求监测下拉数据
				var that = this
				$.ajax({
					type: "GET",
					url: url + "/advertiser/adSuperviseInfo/queryAllAdSuperviseInfo",
					dataType: 'json',
					//		contentType类型为json
					contentType: "application/json",

					//		请求头加上X-Token 
					 beforeSend: function(XMLHttpRequest) {
						//		token 为页面所获取

						XMLHttpRequest.setRequestHeader("X-Token", token); 
					},
					useDefaultXhrHeader: false,
					success: function(result) {
						that.supervise = result.data
					},
					err: function(err) {
						layer.msg("请求失败");
					},
					complete: function() {

					}
				});
			}
		}
	})
</script>
<script type="text/javascript">
	function gengGaiZhuangTai(e){
        
        let id=$(e).attr("data-id");
        if ($(e).hasClass("open")) {
            $(e).removeClass('open');
            updateAdactivityById(id,2)
        } else {
            $(e).addClass('open');
            updateAdactivityById(id,1)
        }
    }

    function xiaBiaoLine(e){
        console.log(e);
        $(e).addClass('active');
    }
    //根据ID更改活动状态
    function updateAdactivityById(id,state){
        let token=sessionStorage.getItem("token");
        var d = {};
        d.id = id;
        d.state = state;
        $.ajax({
            url: url + "/advertiser/adActivity/updateAdactivityById", 
            // url: url + "/common/industrySmall/"+id,
            type: 'POST',
            //		参数需转为字符串
            data: JSON.stringify(d),
            //		json跨域
            dataType: 'json',
            //		contentType类型为json
            contentType: "application/json",

            //		请求头加上X-Token 
             beforeSend: function(XMLHttpRequest) {
                //		token 为页面所获取
    			XMLHttpRequest.setRequestHeader("X-Token", token); 
            },
            useDefaultXhrHeader: false,
            success: function(result) {
                console.log(result);
                // if(result.code == '0') {
                //     getListData(result.data);
                // } else {
                //     isErr(result);
                // }
            },
            err: function(err) {
                layer.msg("请求失败");
            },
            complete: function() {
                // $(_that).removeAttr("disabled");
            }
        });
    }

    //跳转订单管理
    function goOrderPage(e){
        console.log(e);
        let name=$(e).text();
        localStorage.setItem("order_search_content",name);
        location.href="order.html";
    }

    //状态搜索
    function state_search(e){
        $('#search_value').text($(e).children('a').text());
        state = $(e).attr("data-state");
        getAllAdActivity(page,pageSize,state);
    }

    function qieHuan(e){
        page =$(e).attr("data-page");
        getAllAdActivity(page,pageSize,state);
        // $(e).addClass('focus');
        // $(e).addClass('focus').siblings('a').removeClass('focus');
        
    }

    //回车页数
    function huiChe(e){
        let pageNum=$(e).val();
        if(pageNum>allPageNum){
            page=1;
        }else{
            page=pageNum
        }
        getAllAdActivity(page,pageSize,state);   
    }


    function huoDongXiaLa(e){
        $('#search_value').text($(e).children('a').text());
        let state=$(e).attr('data-state');
        console.log(state);
        sessionStorage.setItem("huoDongZhuangTai",state);
        getAllAdActivity(page,pageSize,state);   
    }
	$('.user').on('click', function() {
		$(this).toggleClass('hover');
	})
	
	$('.user').mouseleave(function() {
		$(this).removeClass('hover');
	});
</script>
<script src="../../oem/js/oem.js"></script>
